<template>
	<view class="flex column space-between addAccompany width-full">
		<view class="userTitle flex box-sizing  space-between items-center">
			<!-- <view class="box-sizing paddingLeft-30">
				<u-icon @click="uni.navigateBack()" name="arrow-left" :size="25" ></u-icon>
			</view>
			<view style="margin-left: calc(0px - 20px - 15rpx );" class="flex box-sizing  flex-center items-center height-full">
				<view class="fontSize-30 weight-700 marginRight-10">
					{{stuentInfo.name+'(学法记录)'}}
				</view>
			</view>
			<view class=""></view> -->
			<view class="box-sizing paddingLeft-30" style="width: 120rpx;">
				<u-icon @click="uni.navigateBack()" name="arrow-left" :size="25"></u-icon>
			</view>
			<view style="flex: 1;padding-left: calc(10rpx);"
				class=" flex box-sizing  flex-center items-center height-full">
				<view class="fontSize-30 weight-700 marginRight-10">
					{{title}}
				</view>
			</view>
			<view class="right box-sizing paddingRight-30">
				<view @click="$u.throttle(submit, 500)"
					class="submit flex flex-center items-center fontSize-27 color-white">
					提交
				</view>
			</view>
		</view>
		<view class="crads  box-sizing padding-30 ">
			<u--form labelPosition="left" :model="form" ref="uForm" :labelWidth="100">
				<u-form-item label="科目" prop="subject_name"  borderBottom @click="subject_nameShow = true;"
					ref="item1">
					<u--input :customStyle="{ 'pointer-events': 'none' }" v-model="form.subject_name" disabled
						disabledColor="#ffffff" placeholder="请选择科目" border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item  label="商品" prop="goods_name" borderBottom ref="item1" required
					@click="goodsShow = true;">
					<u--input :customStyle="{ 'pointer-events': 'none' }" v-model="form.goods_name" disabled
						disabledColor="#ffffff" placeholder="请选择商品" border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item label="商品总价" prop="goods_price" borderBottom
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.goods_price" placeholder="请输入商品总价" disabled disabledColor="#ffffff" border="none"></u--input>
						<span style="margin-left: 20rpx;">元</span>
					</view>
				</u-form-item>
				<u-form-item label="商品单价" prop="unit_price" borderBottom
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.unit_price" placeholder="请输入商品单价" disabled disabledColor="#ffffff" border="none"></u--input>
						<span style="margin-left: 20rpx;">元</span>
					</view>
				</u-form-item>
				<u-form-item label="商品课次" prop="class_num" borderBottom
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.class_num" placeholder="请输入商品课次" disabled disabledColor="#ffffff" border="none"></u--input>
						<span style="margin-left: 20rpx;">次/天</span>
					</view>
				</u-form-item>
				
				<u-form-item label="下单课次" prop="signup_num" borderBottom required
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.signup_num"  placeholder="请输入下单课次" border="none"></u--input>
						<span style="margin-left: 20rpx;">次/天</span>
					</view>
				</u-form-item>
				<u-form-item label="下单单价" prop="signup_price" borderBottom required
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.signup_price" placeholder="请输入下单单价" border="none"></u--input>
						<span style="margin-left: 20rpx;">元</span>
					</view>
				</u-form-item>
				<u-form-item label="赠送课次" prop="give_num" borderBottom
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.give_num" placeholder="请输入赠送课次" border="none"></u--input>
						<span style="margin-left: 20rpx;">次/天</span>
					</view>
				</u-form-item>
				<u-form-item label="优惠金额" prop="discount_price" borderBottom
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.discount_price" placeholder="请输入优惠金额" border="none"></u--input>
						<span style="margin-left: 20rpx;">元</span>
					</view>
				</u-form-item>
				<u-form-item label="其他费用" prop="other_price" borderBottom
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.other_price" placeholder="请输入其他费用" border="none"></u--input>
						<span style="margin-left: 20rpx;">元</span>
					</view>
				</u-form-item>
				<u-form-item label="订单金额" prop="sj_price" borderBottom required
					ref="item1">
					<view class="flex items-center">
						<u--input v-model="form.sj_price" placeholder="请输入订单金额" border="none"></u--input>
						<span style="margin-left: 20rpx;">元</span>
					</view>
				</u-form-item>
				<u-form-item label="下单时间" prop="deal_time" borderBottom  ref="item1" required @click="deal_timeShow = true;">
					<u--input :customStyle="{ 'pointer-events': 'none' }" v-model="form.deal_time" disabled
						disabledColor="#ffffff" placeholder="请选择下单时间" border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item label="服务开始时间" prop="start_time" borderBottom ref="item1"  @click="start_timeShow = true;">
					<u--input :customStyle="{ 'pointer-events': 'none' }" v-model="form.start_time" disabled
						disabledColor="#ffffff" placeholder="请选择服务开始时间" border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item label="服务结束时间" prop="end_time" borderBottom ref="item1"  @click="end_timeShow = true;">
					<u--input :customStyle="{ 'pointer-events': 'none' }" v-model="form.end_time" disabled
						disabledColor="#ffffff" placeholder="请选择服务结束时间" border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item  label="类型" prop="student_attr" borderBottom ref="item1">
					<u-radio-group v-model="form.student_attr" placement="row">
						<u-radio activeColor="red" :name="1" label=" 新签 "></u-radio>
						<u-radio activeColor="red" :name="2" label=" 续费 "></u-radio>
					</u-radio-group>
				</u-form-item>
				<u-form-item v-if="form.student_attr == 2" label="原订单" prop="pid_name" borderBottom ref="item1" required
					@click="pidShow = true;">
					<u--input :customStyle="{ 'pointer-events': 'none' }" v-model="form.pid_name" disabled
						disabledColor="#ffffff" placeholder="请选择原订单" border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item label="备注" prop="remark" borderBottom ref="item1">
					<u--textarea v-model="form.remark" placeholder="请输入备注"></u--textarea>
				</u-form-item>
				<u-form-item label="配图" prop="image" borderBottom ref="item1">
					<!-- #ifdef H5  -->
					<u-upload accept="file" :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" :maxCount="1"></u-upload>
					<!-- #endif -->
					<!-- #ifdef APP-PLUS -->
					<u-upload accept="image" :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" :maxCount="1"></u-upload>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<u-upload accept="all" :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" :maxCount="1"></u-upload>
					<!-- #endif -->
				</u-form-item>

			</u--form>
		</view>
		<!-- <view class="operation flex box-sizing space-around items-center">
			<view @click="$u.throttle(submit, 500)" class="flex flex-center items-center fontSize-30 color-white">
				提交
			</view>
		</view> -->
		<!-- <u-datetime-picker :show="birthdayShow" mode="date" :minDate="minDate" @cancel="birthdayShow = false"
			@confirm="datetimeClick"></u-datetime-picker> -->
		<u-calendar :minDate="minDate" :show="deal_timeShow" closeOnClickOverlay @confirm="deal_timeClick"
			@close="deal_timeShow = false"></u-calendar>
		<u-calendar :minDate="minDate" :show="start_timeShow" closeOnClickOverlay @confirm="start_timeClick"
			@close="start_timeShow = false"></u-calendar>
		<u-calendar :minDate="minDate" :monthNum = "36" :show="end_timeShow" closeOnClickOverlay @confirm="end_timeClick"
			@close="end_timeShow = false"></u-calendar>
		<!-- @confirm = "(e)=>form.px_date = e" -->
		<!-- <u-datetime-picker
			:show="start_timeShow"
			v-model="form.start_time"
			@cancel = "start_timeShow = false"
			@confirm = "(e)=>timeConfirm(e,'start_time','start_timeShow')"
			mode="time"
		></u-datetime-picker>
		<u-datetime-picker
			:show="end_timeShow"
			v-model="form.end_time"
			mode="time"
			@cancel = "end_timeShow = false"
			@confirm = "(e)=>timeConfirm(e,'end_time','end_timeShow')"
		></u-datetime-picker> -->
		<!-- 阶段 -->
		<!-- <u-picker :show="stageShow" :columns="sjds" keyName="label" closeOnClickOverlay @close="stageShow = false"
			@cancel="stageShow = false" @confirm="stageConfirm"></u-picker> -->
		<!-- 商品 -->
		<u-picker :show="goodsShow" :columns="goods_ids" keyName="label" closeOnClickOverlay @close="goodsShow = false"
			@cancel="goodsShow = false" @confirm="goodsConfirm"></u-picker>
		<!-- 商品 -->
		<u-picker :show="pidShow" :columns="pids" keyName="label" closeOnClickOverlay @close="pidShow = false"
			@cancel="pidShow = false" @confirm="pidConfirm"></u-picker>
		<!-- <u-picker :show="start_timeShow" :columns="sjds" keyName="label" closeOnClickOverlay
			@close="start_timeShow = false" @cancel="start_timeShow = false" @confirm="timeConfirm"></u-picker> -->
		<!-- <u-picker :show="subject_idShow" :columns="subject_idData" keyName="name" closeOnClickOverlay
			@close="subject_idShow = false" @cancel="subject_idShow = false" @confirm="subjectChange"></u-picker> -->
		<!-- <u-picker :show="method_idShow" :columns="method_idData" @cancel = "method_idShow = false" @confirm = "method_idChange" ></u-picker> -->
		<!-- 学习科目 -->
		<u-popup bgColor="#fff" :round="10" closeOnClickOverlay :show="subject_nameShow" @close="treeClose"
			@open="subject_nameShow = true">
			<view class="popupTreeBox">
				<DaTreeVue2 ref="DaTreeRef" :data="subject_ids" labelField="label" valueField="value" 
					showCheckbox :defaultCheckedKeys="defaultCheckedKeysValue" @change="handleTreeChange"
					@expand="handleExpandChange" />
			</view>
		</u-popup>
		<!-- 学校科目 -->
		<!-- <u-popup bgColor="#fff" :round="10" closeOnClickOverlay :show="subject_name_schoolShow" @close="treeClose1"
			@open="subject_name_schoolShow = true">
			<view class="popupTreeBox">
				<DaTreeVue2 ref="DaTreeRef1" :data="subject_idss" labelField="label" valueField="value" defaultExpandAll
					showCheckbox :defaultCheckedKeys="defaultCheckedKeysValue1" @change="handleTreeChange1"
					@expand="handleExpandChange1" />
			</view>
		</u-popup> -->
	</view>
</template>

<script>
import DaTreeVue2 from '@/components/da-tree-vue2/index.vue'
const d = new Date()
let year = d.getFullYear()
let month = d.getMonth() + 1
let day = d.getDate()

month = month < 10 ? `0${month}` : month


let minDate = parseInt(new Date()) - 365 * 24 * 60 * 60 * 1000
let maxDate = parseInt(new Date()) + 365 * 24 * 60 * 60 * 1000
console.log(minDate, ',mmmmmmmmmmmmmm')
const date = d.getDate()

export default {
	components: {
		DaTreeVue2
	},
	data() {
		return {
			maxDate: `${parseInt(year)+1}-${month}-${day}`,
			studentInfo:{},
			title:'',
			minDate:`${year}-${(parseInt(month) - 1)<10?`0${(parseInt(month) - 1)}`:(parseInt(month) - 1)}-${day}`,
			// minDate: `${year}-${month - 1}-${date}`,
			defaultCheckedKeysValue: [],
			defaultCheckedKeysValue1: [],
			asyncTreeData: [],
			stuentInfo: {},
			fileList1: [],
			studentSubjectData: [],
			subject_nameShow: false,
			goodsShow:false,
			pidShow:false,
			deal_timeShow:false,
			start_timeShow: false,
			end_timeShow: false,
			type: 'add',
			subject_ids: [],
			goods_ids: [
				[]
			],
			pids: [[]],
			form: {
				student_id:'',
				grade_id:'',
				student_attr:1,
				contract_id:'',
				subject_id:[],
				subject_name:'',
				goods_id:'',
				goods_name:'',
				goods_price:'',
				unit_price:'',
				class_num:'',
				signup_num:'',
				signup_price:'',
				give_num:'',
				discount_price:'',
				other_price:'',
				sj_price:'',
				deal_time:`${year}-${month}-${date}`,
				start_time:'',
				end_time:'',
				pid:'',
				pid_name:'',
				remark:'',
				image:'',
			},
		};
	},
	watch: {
		"form.stage_id"(val) {
			console.log(val, ',.............')
			this.grade_ids = [[]]
			this.form.grade_name = ''
			this.form.grade_id = ''
			this.getInfo()
		},
		"form.signup_price"(val) {
			if (val && this.form.signup_num) {
				let total = parseFloat(val) * parseFloat(this.form.signup_num)
				let discount_price = this.form.discount_price && this.form.discount_price > 0 ? parseFloat(this.form.discount_price) : 0
				let other_price = this.form.other_price && this.form.other_price > 0 ? parseFloat(this.form.other_price) : 0
				this.form.sj_price = Math.round(parseFloat(parseFloat(total) - parseFloat(discount_price) + parseFloat(other_price)) * 100) / 100;
			}
		},
		"form.signup_num"(val) {
			if (val && this.form.signup_price) {
				let total = parseFloat(val) * parseFloat(this.form.signup_price)
				let discount_price = this.form.discount_price && this.form.discount_price > 0 ? parseFloat(this.form.discount_price) : 0
				let other_price = this.form.other_price && this.form.other_price > 0 ? parseFloat(this.form.other_price) : 0
				this.form.sj_price = Math.round(parseFloat(parseFloat(total) - parseFloat(discount_price) + parseFloat(other_price)) * 100) / 100;
			}
		},
		"form.discount_price"(val) {
			if (this.form.signup_num && this.form.signup_price) {
				let total = parseFloat(this.form.signup_num) * parseFloat(this.form.signup_price)
				let discount_price = this.form.discount_price && this.form.discount_price > 0 ? parseFloat(this.form.discount_price) : 0
				let other_price = this.form.other_price && this.form.other_price > 0 ? parseFloat(this.form.other_price) : 0
				this.form.sj_price = Math.round(parseFloat(parseFloat(total) - parseFloat(discount_price) + parseFloat(other_price)) * 100) / 100;
			}
		},
		"form.other_price"(val) {
			if (this.form.signup_num && this.form.signup_price) {
				let total = parseFloat(this.form.signup_num) * parseFloat(this.form.signup_price)
				let discount_price = this.form.discount_price && this.form.discount_price > 0 ? parseFloat(this.form.discount_price) : 0
				let other_price = this.form.other_price && this.form.other_price > 0 ? parseFloat(this.form.other_price) : 0
				this.form.sj_price = Math.round(parseFloat(parseFloat(total) - parseFloat(discount_price) + parseFloat(other_price)) * 100) / 100;
			}
		},
	},
	onLoad(op) {
		this.type = op.type
		if(op.type == 'add'){
			this.title = '下单'
			this.form.student_id = op.student_id
			this.form.grade_id = op.grade_id
			this.form.student_attr = 1
		}else{
			this.title = '续签'
			this.form.student_id = op.student_id
			this.form.grade_id = op.grade_id
			this.form.student_attr = 2
			this.form.contract_id = op.contract_id
		}
		this.getInfo()

	},
	methods: {
		getInfo() {
			let that = this
			this.$home.clueGetFieldList({ student_id: this.form.student_id }).then(res => {
				console.log(res, 3333333333)
				// that.infoList = res
				this.goods_ids = res.goods_ids ? [[...res.goods_ids]] : [[]]
				this.subject_ids = res.subject_ids ? res.subject_ids : []
				this.pids = res.pids ? [[...res.pids]] : [[]]
				// that.grade_nameData = res.grade_ids?[[...res.grade_ids]]:[[]],
				// that.pxtypeData = res.pxtypes?[[...res.pxtypes]]:[[]]
			})
		},


		studentSubject() {
			this.$home.studentSubject({ student_id: 0 }).then(res => {
				this.subject_idData[0] = res.data
				console.log(res.data, 6666)
			})
		},
		treeClose() {
			console.log(2222222222)
			this.defaultCheckedKeysValue = [...this.form.subject_id]
			this.subject_nameShow = false
		},
		treeClose1() {
			console.log(333333)

			this.defaultCheckedKeysValue = [...this.form.subject_id_school]
			this.subject_name_schoolShow = false
		},
		handleTreeChange(allSelectedKeys, currentItem) {
			console.log('handleTreeChange ==>', allSelectedKeys, currentItem)
			this.form.subject_id = [...allSelectedKeys]
			let checks = this.$refs.DaTreeRef.getCheckedNodes()
			this.form.subject_name = ''
			// originItem
			if (checks) {
				this.setVal(checks, 'subject_name')
			}
		},
		handleTreeChange1(allSelectedKeys, currentItem) {
			console.log('handleTreeChange ==>', allSelectedKeys, currentItem)
			this.form.subject_id_school = [...allSelectedKeys]
			let checks = this.$refs.DaTreeRef1.getCheckedNodes()
			this.form.subject_name_school = ''
			this.form.subject_name_school = ''
			// originItem
			if (checks) {
				this.setVal(checks, 'subject_name_school')
			}
		},
		setVal(list, key, labelKey = 'label') {
			if (list && list.length > 0) {
				list.map(e => {
					this.form[key] += e.label + ';'
				})
			}
		},
		handleExpandChange(expand, currentItem) {
			console.log('handleExpandChange ==>', expand, currentItem)
		},
		handleExpandChange1(expand, currentItem) {
			console.log('handleExpandChange ==>', expand, currentItem)
		},
		deal_timeClick(e) {
			console.log(e, this.$MyUtils.timeFormat(e.value, 'yyyy-MM-dd'), 'pppppppppppp')
			// if (e && e.value > 0) {
			this.form.deal_time = this.$MyUtils.timeFormat(e[0], 'yyyy-MM-dd')
			// }
			this.deal_timeShow = false
		},
		start_timeClick(e) {
			console.log(e, this.$MyUtils.timeFormat(e.value, 'yyyy-MM-dd'), 'pppppppppppp')
			// if (e && e.value > 0) {
			this.form.start_time = this.$MyUtils.timeFormat(e[0], 'yyyy-MM-dd')
			// }
			this.start_timeShow = false
		},
		end_timeClick(e) {
			console.log(e, this.$MyUtils.timeFormat(e.value, 'yyyy-MM-dd'), 'pppppppppppp')
			// if (e && e.value > 0) {
			this.form.end_time = this.$MyUtils.timeFormat(e[0], 'yyyy-MM-dd')
			// }
			this.end_timeShow = false
		},
		goodsConfirm(e) {
			console.log(e, ',,,,,,,,,,,')
			if (e && e.value.length > 0) {
				this.form.goods_name = e.value[0].label
				this.form.goods_id = e.value[0].value
				this.form.goods_price = e.value[0].price;
				this.form.unit_price = e.value[0].unit_price;
				this.form.class_num = e.value[0].class_num;
				this.form.signup_price = e.value[0].unit_price;
			}
			this.goodsShow = false
		},
		pidConfirm(e) {
			console.log(e, ',,,,,,,,,,,')
			if (e && e.value.length > 0) {
				this.form.pid_name = e.value[0].label
				this.form.pid = e.value[0].value
			}
			this.pidShow = false
		},
		
		// 删除图片
		deletePic(event) {
			this[`fileList${event.name}`].splice(event.index, 1)
		},
		// 新增图片
		async afterRead(event) {
			// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
			let lists = [].concat(event.file)
			let fileListLen = this[`fileList${event.name}`].length
			lists.map((item) => {
				this[`fileList${event.name}`].push({
					...item,
					status: 'uploading',
					message: '上传中'
				})
			})
			for (let i = 0; i < lists.length; i++) {
				const result = await this.uploadFilePromise(lists[i].url)
				let item = this[`fileList${event.name}`][fileListLen]
				this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
					status: 'success',
					message: '',
					url: result
				}))
				fileListLen++
			}
		},
		uploadFilePromise(url) {
			return new Promise((resolve, reject) => {
				let a = uni.uploadFile({
					url: this.$uploadUrl+'Upload/upload', // 仅为示例，非真实的接口地址
					// url: 'http://bbsf.test/api/Upload/upload', // 仅为示例，非真实的接口地址
					filePath: url,
					name: 'file',
					formData: {
						upload_config_id: 1
					},
					header: {
						token: uni.getStorageSync('token'),
						// 'content-type': 'multipart/form-data'
					},
					success: (res) => {
						resolve(JSON.parse(res.data).data)
					},
					fail: (err) => {
						console.log(err, 999)
					}
				});
			})
		},
		submit() {
			let that = this
			let form = this.form
			if (!form.goods_name || form.goods_name == '') {
				return uni.showToast({
					title: '请选择商品',
					icon: 'none'
				})
			}
			if (!form.signup_num || form.signup_num == '') {
				return uni.showToast({
					title: '请输入下单课次',
					icon: 'none'
				})
			}
			if (!form.signup_price || form.signup_price == '') {
				return uni.showToast({
					title: '请输入下单单价',
					icon: 'none'
				})
			}
			if (!form.sj_price || form.sj_price == '') {
				return uni.showToast({
					title: '请输入订单金额',
					icon: 'none'
				})
			}
			if (!form.deal_time || form.deal_time == '') {
				return uni.showToast({
					title: '请选择下单时间',
					icon: 'none'
				})
			}

			// if(!form.start_timeName||form.start_timeName == ''){
			// 	return uni.showToast({
			// 		title:'请选择巡视时间',
			// 		icon:'none'
			// 	})
			// }
			// if(!form.subject_name||form.subject_name == ''){
			// 	return uni.showToast({
			// 		title:'请选择科目',
			// 		icon:'none'
			// 	})
			// }
			// this.$refs.uForm.validate().then(res => {

			let defaultUser = uni.getStorageSync('userInfo')
			let images = [{
				url: this.fileList1 && this.fileList1.length > 0 ? this.fileList1[0].url : ''
			}]
			let params = {
				image:images,
				// user_id: defaultUser.user_id,
				// dept_id: defaultUser.dept_id,
				// comp_no: defaultUser.comp_no
			}
			form.subject_id = form.subject_id ? form.subject_id.join() : ''
			params = { ...params, ...form }

			this.$home.clueAdd(params).then(res => {
				if (res.status == 200) {
					uni.showToast({
						title: '提交成功!',
						icon: 'none'
					})
					uni.navigateBack()

					let pages = getCurrentPages()
					let backPage = pages && pages.length > 0 ? pages[pages.length - 2].$vm : {}
					if (backPage) {
						backPage.updateState()
					}
				} else {
					uni.$u.toast('提交失败')
				}
			})


			// }).catch(errors => {
			// 	uni.$u.toast('校验失败')
			// })
		},

	}
}
</script>

<style lang="scss" scoped>
.addAccompany {
	height: 100vh;
	box-sizing: border-box;

	.popupTreeBox {
		width: 100%;
		height: 60vh;
		padding-top: 50rpx;
		overflow-y: auto;
		padding-left: 30rpx;
		padding-right: 30rpx;
		box-sizing: border-box;
	}

	.userTitle {
		width: 100%;
		height: 120rpx;
		box-sizing: border-box;
		padding-top: var(--status-bar-height);
		background-color: #fff;
		border-bottom: 1rpx solid #ededed;
	}

	.crads {
		width: 100%;
		height: calc(100vh - 120rpx - 120rpx);
		overflow-y: auto;

		.card {
			width: calc(100% - 60rpx);
			background-color: #f7f7f7;
			color: #333;
		}
	}

	.operation {
		width: 100%;
		height: 120rpx;
		// background-color: #f7f7f7;
		background-color: #fff;

		view {
			width: 80%;
			border-radius: 500rpx;
			padding: 20rpx 0;
			border: 1rpx solid #fff;
			background-color: #ea9700a1;
		}
	}


	.submit {
		width: 120rpx;

		padding: 5rpx 0rpx;
		border-radius: 10rpx;
		border: 1rpx solid #fff;
		background-color: #ea9700a1;
	}
}
</style>
